.col1, .col2, .col3, .cols {float:left}
.col1 {width:230px;
background:#f4f4f4;height:405px;
} 
.col2 {width:670px}
.cols {width:280px}
/* index.html */
#page1 h1 {padding-top:20px}
#page1 #top_nav {padding-top:33px}
#page1 #menu {padding-top:30px}
#page1 header {height:126px}
#page1 #banner {background:url(../images/bg_img.png) 0 0 no-repeat;height:162px;padding:38px 0 0 60px}

a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var {background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top}
ol, ul {list-style:none}
blockquote, q {quotes:none}
table, table td {padding:0;border:none;border-collapse:collapse}
img {vertical-align:top}
embed {vertical-align:top}
* {border:none}

/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
mark, rp, rt, ruby, summary, time {display:inline}
/* Left & Right alignment */
.left {float:left}
.right {float:right}
.wrapper {width:102%;
overflow:hidden
}
/* Global properties */
body {background:#fff;border:0;font:14px Arial,Helvetica,sans-serif;color:#3c4046;line-height:20px;min-width:1000px}
.ic, .ic a {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
.css3{border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-shadow:0 0 4px rgba(0, 0, 0, .4);-moz-box-shadow:0 0 4px rgba(0, 0, 0, .4);-webkit-box-shadow:0 0 4px rgba(0, 0, 0, .4);behavior:url(js/PIE.htc);position:relative}
.main {margin:0 auto;width:1000px}
.body1 {background:url(../images/bg_top.jpg) top center no-repeat #0079B6}
.body2 {background:url(../images/bg_bot.jpg) top center no-repeat #0079B6}
a {color:#1e749a;text-decoration:underline;outline:none}
a:hover {text-decoration:none}
h1 {font-size:20px;font-weight:400;text-transform:uppercase;line-height:26px;color:#fff;float:left;padding:23px 0 0 58px}

h2 {font-size:28px;color:#3c4046;line-height:38px;padding:30px 0 16px 0;font-weight:400;letter-spacing:-1px;
    width: 503px;
    height: 62px;
}
{padding-bottom:20px}
/* header */
header {width:100%;overflow:hidden;height:106px}
header .right {width:600px}
#logo {display:block;background:url(../images/logo.png) 0 0 no-repeat;width:269px;
height:87px;
text-indent:-5000px
}
#slogan {display:block;
    height: 34px;
    width: 281px;
}
#top_nav {float:right;padding:25px 60px 0 0}
#top_nav li {float:left;padding-right:21px;margin-right:20px;background:url(../images/line_top.gif) right 0 no-repeat;padding-top:2px;padding-bottom:3px}
#top_nav .bg_none {padding-right:0;margin:0;background:none}
#menu {float:left;padding-top:8px;padding-left:5px;width:570px}
#menu li {float:left;padding-left:1px}
#menu li a {display:block;font-size:16px;text-transform:uppercase;color:#fff;text-decoration:none;line-height:30px;behavior:url(js/PIE.htc);position:relative;padding:0 20px;margin:1px 0}
#menu li a:hover, #menu .menu_active a, .menu_active1 {border-bottom:1px solid #2B3035;border-top:1px solid #000;background:#2B3035;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;margin:0}
#banner {background:url(../images/bg_img.png) 0 0 no-repeat;height:211px;padding:30px 0 0 60px}
.text1 {font-weight:600;color:#f0f0f0;font-size:50px;line-height:60px;width:330px;letter-spacing:-2px}
.text1 span {font-size:45px;line-height:50px;display:block;padding-left:80px;margin-top:-12px;font-weight:400;letter-spacing:-2px}
.text1 p {font-size:18px;line-height:20px;font-weight:400;padding:13px 0 25px 0;letter-spacing:-1px}
.button_top {display:inline-block;background:url(../images/button_top.jpg) 0 0 no-repeat;font-size:16px;text-transform:uppercase;color:#fff;text-decoration:none;line-height:31px;padding-right:40px;text-align:center;width:196px}
.button_top:hover {background:url(../images/button_top_active.jpg) 0 0 no-repeat}
/* content */
#content {width:100%;overflow:hidden}
.pad_1 {padding:0 50px 35px 60px}
.pad_left1 {padding-left:50px}
.pad_bot1 {padding-bottom:20px}
.pad_bot2 {padding-bottom:10px}
.marg_left1 {margin-left:25px}
.marg_right1 {margin-right:25px}
.button1, .button2 {float:right;background:url('../images/button1_bg.gif') repeat-x 50% top;
font-size:16px;color:#fff;line-height:30px;text-decoration:none;text-transform:uppercase;font-weight:400;padding:0 20px;margin-left:10px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;behavior:url(js/PIE.htc);position:relative;
    top: 61px;
    left: -8px;
    width: 106px;
}
.button2 {background:url(../images/button2_bg.gif) top repeat-x}
.button1:hover {background:#202225}
.button2:hover {background:#1f759b}
.under {border-bottom:1px solid #e1e1e1;padding-bottom:15px;margin-bottom:15px}
.link1 {text-decoration:none}
.link1:hover {text-decoration:underline} 
.color1 {color:#1e749a}
.marker {display:block;padding-left:13px;background:url(../images/marker_1.gif) 0 7px no-repeat}
.box1 {width:206px;float:right;background:url(../images/bg_box1.jpg) top repeat-x #1e749a;color:#fff;margin-top:32px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;behavior:url(js/PIE.htc);position:relative}
.box1 .pad_1 {padding:25px 24px 4px;background:url(../images/bg_testimonials.gif) 17px 16px no-repeat}
.list1 li {line-height:20px}
.list1 li a {padding-left:13px;background:url(../images/marker_1.gif) 0 5px no-repeat}
/* footer */
footer {padding:35px 0 0 0;height:72px;width:100%;overflow:hidden;font-size:12px;line-height:18px;color:#fff;text-align:center}
footer a {color:#3e96b4}
/* forms */
#form_1 p {padding-bottom:0}
#form_1 .button2 {margin-top:-5px;padding:0 26px}
#form_1 .input {height:17px;background:none;color:#9d9fa2;font:14px Arial,Helvetica,sans-serif;padding:2px 15px} 
#form_1 .input1 {width:205px}
#form_1 .input2 {width:83px}
#form_1 .bg {background:#fff;border-top:1px solid #ccc;border-left:1px solid #ccc;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;behavior:url(js/PIE.htc);position:relative;margin-bottom:8px}
#form_1 .radio {width:92px;float:left}
#form_1 .radio input {vertical-align:middle;float:left;line-height:20px}
#ContactForm {}
#ContactForm .bg {float:right;background:#f8f8f8;border-top:1px solid #c6c6c6;border-left:1px solid #c6c6c6;margin-bottom:8px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;behavior:url(js/PIE.htc);position:relative}
#ContactForm a {margin-top:12px}
#ContactForm .input {height:17px;width:412px;background:none;color:#9d9fa2;font:14px Arial,Helvetica,sans-serif;padding:2px 15px}
#ContactForm textarea {overflow:auto;height:183px;width:412px;background:none;color:#9d9fa2;font:14px Arial,Helvetica,sans-serif;padding:2px 15px}

.inputPersonalizado
{
   border: 2px solid #cccccc;
   border-radius: 3px;
}

.comboPersonalizado 
{
    border: 2px solid #cccccc;
    border-radius: 3px;
}

.textareaPersonalizado
{
   max-width: 340px;
   min-width: 340px;
   max-height: 100px;
   min-height: 100px;
   border: 2px solid #cccccc;
   border-radius: 3px;
}

.botonContinuar
{
   height: 25px;
   width: 120px;
   border-radius: 3px;
   background: #3796c6;
   color: #fff;
   text-transform: uppercase;
   cursor: pointer;
}

.botonContinuar:hover
{
   background: #2b3035;
}



.botonRegresar
{
   height: 25px;
   width: 120px;
   border-radius: 3px;
   background: #3796c6;
   color: #fff;
   text-transform: uppercase;
   cursor: pointer;
}

.botonRegresar:hover
{
   background: #2b3035;
}

.botonCualquiera
{
   height: 31px;
   border-radius: 3px;
   background: #3796c6;
   color: #fff;
   text-transform: uppercase;
   cursor: pointer;
}

.botonCualquiera:hover
{
   background: #2b3035;
}

/*Tours*/
.btnSearch{ 
    margin-left: -4px;
    border-top-left-radius:0px;
    border-bottom-left-radius:0px;
    height: 30px;
    width: 34px;
    vertical-align:middle;
}

#inptSearch{
    border-top-right-radius:0px;
    border-bottom-right-radius:0px;
    height: 26px;
    width: 450px;
    vertical-align:middle;
}


#searchForm {
    width:300px;
    height: auto;
    display:block;
    
}

.table {
  width:690px;
}


/*Fin Tours*/

/*reserva*/
.reserva {
    margin-left: -20px;
}
.button1r, .button2r {float:right;background:url('../images/button1_bg.gif') repeat-x 50% top;
font-size:14px;color:#fff;line-height:30px;text-decoration:none;text-transform:uppercase;font-weight:400;padding:0 20px;margin-left:10px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;behavior:url(js/PIE.htc);position:relative;
    top: 61px;
    left: 36px;
    width: 160px;
}
.a4 {
text-decoration:none;
}
a:hover {background: rgb(49,147,230); color: white; font-weight:bold; text-decoration:none}

/*CHECHIN-CHECKOUT*/

.checkout_label {
    width: auto;
    text-align: center;
    margin: 60px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.checkout_input {
    width: auto;
    text-align: center;
    margin: 25px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.checkout_boton {
    text-align: center;
    margin: 25px 0px 0px 0px;
}
.tabla_consumo {
    width: 400px;
    margin: 0px 0px 0px 100px;
}
.consumo_linea {
    width: 400px;
    height: 30px;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.etiqueta1 {
    width: 150px;
    height: 30px;
    float: left;
}
.tabla_pago {
    width: 600px;
    margin: 0px 0px 0px 100px;
}
.linea {
    width: 600px;
    height: 30px;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.etiqueta {
    width: 300px;
    height: 30px;
    float: left;
}
.linea2 {
    width: 600px;
    height: 30px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
/* Para los Checkbox de Inactivo/Activo ------- Empieza */
.onoffswitch {
    position: relative; width: 80px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 20px;
}
.onoffswitch-inner {
    width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 15px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "SI";
    padding-left: 12px;
    background-color: #3796c6; color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "NO";
    padding-right: 12px;
    background-color: #E2E2E2; color: #999999;
    text-align: right;
}
.onoffswitch-switch {
    width: 38px; margin: -4px;
    background: #FFFFFF;
    border: 2px solid #999999; border-radius: 20px;
    position: absolute; top: 0; bottom: 0; right: 46px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}
/* Para los Checkbox de Inactivo/Activo ------- Termina*/

/*Para el GridView ----- Empieza*/


.mGrid {
    background-color: #fff;
    margin: 5px 0 10px 0;
    border: solid 1px #525252;
    border-collapse: collapse;
}

    .mGrid td {
        padding: 2px;
        border: solid 1px #c1c1c1;
        color: #717171;
    }

    .mGrid th {
        padding: 4px 2px;
        color: #fff;
        background: #424242 url(../images/grd_head.png) repeat-x top;
        border-left: solid 1px #525252;
        font-size: 0.9em;
        vertical-align:middle;
    }

    .mGrid .alt {
        background: #fcfcfc url(../images/grd_alt.png) repeat-x top;
    }

    .mGrid .pgr {
        background: #424242 url(../images/grd_pgr.png) repeat-x top;
    }

        .mGrid .pgr table {
            margin: 5px 0;
        }

        .mGrid .pgr td {
            border-width: 0;
            padding: 0 6px;
            border-left: solid 1px #666;
            font-weight: bold;
            color: #fff;
            line-height: 12px;
        }

        .mGrid .pgr a {
            color: #666;
            text-decoration: none;
        }

            .mGrid .pgr a:hover {
                color: #000;
                text-decoration: none;
            }

/*Para el GridView ----- Termina*/